<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            font-family: "Open Sans", sans-serif;
            text-transform: uppercase;
            letter-spacing: 3px;
            font-size: 11px;
        }
    </style>
</head>
<body>
<h1>秒杀情况说明： </h1>
<p th:text="${errmsg}"></p>
<div id="result"></div>

<button id="startCheck">开始检查秒杀状态</button>
<!--<span id="goodsId" style="display: none;" th:text="${goodsId}"></span>-->

<!--<script>-->
<!--    document.getElementById('startCheck').addEventListener('click', function() {-->
<!--        // 从隐藏的元素中获取 goodsId 的值-->
<!--        var goodsId = document.getElementById('goodsId').innerText;-->
<!--        setTimeout(function() {-->
<!--            checkSeckillStatus(goodsId); // 传递 goodsId 给函数-->
<!--        }, 2000);-->
<!--    });-->
<!--</script>-->

<script>

    <!--轮询查询订单状态-->
    // function checkSeckillStatus(goodsId) {
    //     fetch('/seckill/checkSeckillStatus?goodsId=' + goodsId) // 假设这是你的后端接口
    //         .then(response => response.json())
    //         .then(data => {
    //             const resultDiv = document.getElementById('result');
    //             if (data.code === 200 && data.message === "SUCCESS") {
    //                 if (data.obj === 0) {
    //                     resultDiv.innerText = '订单正在排队中';
    //                     setTimeout(checkSeckillStatus, 2000); // 2秒后再次检查
    //                 } else {
    //                     resultDiv.innerText = `订单ID: ${data.obj}`;
    //                 }
    //             } else {
    //                 resultDiv.innerText = '发生错误，请稍后再试';
    //             }
    //         })
    //         .catch(error => {
    //             console.error('Error:', error);
    //             resultDiv.innerText = '发生错误，请稍后再试';
    //         });
    // }


    // 初始调用
    // setTimeout(checkSeckillStatus, 2000);
</script>
</body>
</html>
